<template>
  <div class="view-list">
    <view-item v-for="item of viewData"
    :key="item.id"
    :data="item"
    ></view-item>
  </div>
</template>

<script>
import ViewItem from './Sub.vue'
export default {
  name: 'ViewList',
  props: {
    viewData: {
      type: Array,
      default: () => ([])
    }
  },
  components: {
    ViewItem
  }
}
</script>

<style lang="scss" scoped>
.view-list {
  margin-top: .01rem;
  display: flex;
  flex-wrap: wrap;
}
</style>